* {margin: 0px;padding: 0px;}
body, td, th {
    background: #EDEDED;
    font-size: 14px;
    font-family: tahoma, arial, times new roman;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}


#container {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    border: 1px solid silver;
    background-color: white;
}

#container #header {
    width: 100%;
    height: 200px;
    border-bottom: 1px solid silver;
    background: url('../images/banner.png') no-repeat;
    background-size: 100% 100%;
}

#container #footer {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: black;
    color: white;
    text-align: center;
    font-weight: bold;
}

/** NAVIGATE BAR **/
#nav_bar {
    height: 40px;
    background: black;
    border-bottom: 1px solid silver;
}

#nav_bar a {
    color: black;
    font-weight: bolder;
}

#menu {
    margin: 0px;
    padding: 0px;
}

#menu li {
    float: left;
    position: relative;
    margin:0px;
    top: 4px;
}

#menu a {
    display: block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #FFFFFF;
    font-size: 16px;
    border: 1px solid silver;
    border-bottom: none;
}

#menu a:hover {
    color: #FF6700;
}

#menu .sub_menu {
    position: absolute;
    float: none;
    display: none;
}

#menu li:hover .sub_menu {
    display: block;
    top: 32px;
    z-index: 999;
    
}

/** BOX MODERN STYLES**/

#box_news {
    float: left;
    width: 1024px;
    height: 304px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.box_item_level_1 {
    float: left;
    width: 408px;
    height: 304px;
    margin: 2px;
    cursor: pointer;
    transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
}

.box_item_level_1:hover {
    -webkit-filter: brightness(0.75);
    -moz-filter: brightness(0.75);
}

.box_item_level_2 {
    float: left;
    width: 200px;
    height: 150px;
    margin: 2px;
    cursor: pointer;
    transition: .2s all;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
}

.box_item_level_2:hover {
    -webkit-filter: brightness(0.75);
    -moz-filter: brightness(0.75);
}

.box_title_level_1 {
    position: relative;
    height: 35px;
    background: black;
    top: 269px;
    opacity:0.6;
    color: white;
    line-height: 35px;
    padding: 0px 3px 0px 3px;
}

.box_title_level_2 {
    position: relative;
    height: 60px;
    background: black;
    top: 90px;
    opacity: 0.6;
    color: white;
    line-height: 30px;
    padding: 0px 3px 0px 3px;
}

/*.item_color_1 {
    background: #D39D09;
    background: -webkit-linear-gradient(left,#D39D09,#E1B700);
    background: -moz-linear-gradient(left,#D39D09,#E1B700);
}

.item_color_2 {
    background: #83BA1F;
    background: -webkit-linear-gradient(left,#83BA1F,#91D100);
    background: -moz-linear-gradient(left,#83BA1F,#91D100);
}

.item_color_3 {
    background: #00AAAA;
    background: -webkit-linear-gradient(left,#00AAAA,#00D8CC);
    background: -moz-linear-gradient(left,#00AAAA,#00D8CC);
}

.item_color_4 {
    background: #691BB8;
    background: -webkit-linear-gradient(left,#691BB8,#AA40FF);
    background: -moz-linear-gradient(left,#691BB8,#AA40FF);
}

.item_color_5 {
    background: #B81B1B;
    background: -webkit-linear-gradient(left,#B81B1B,#FF2E12);
    background: -moz-linear-gradient(left,#B81B1B,#FF2E12);
}

.item_color_6 {
    background: #E064B7;
    background: -webkit-linear-gradient(left,#E064B7,#FF76BC);
    background: -moz-linear-gradient(left,#E064B7,#FF76BC);
}
*/
.clear {
    clear: both;
}

/** CONTENT **/
#main_page {
    float: left;
    width: 100%;
    background: white;
}

#content {
    float: left;
    width: 784px;
    transition: .1s all;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
}

#content a:hover {
    color:orange;
}

.content_box {
    float: left;
    width: 374px;
    height: 255px;
    border: 1px solid silver;
    margin: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;   
}

.content_cate {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 3px;
    border-bottom: 1px solid silver;
    background: #F0F0F1;
    font-weight: bold;
}
.content_img {
    float:left;
    width: 120px;
    height: 90px;
    background: red;
    margin: 3px;
    
}

.content_intro {
    padding: 5px;
    height: 203px;
}

#side_right {
    overflow: hidden;
    width: 232px;
    float: left;
    height: 470px;
    border: 1px solid silver;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/** NEWS **/
#content_show {
    float: left;
    width: 760px;
    border: 1px solid silver;
    margin: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;   
}

#content_detail {
    padding: 10px;
}

.top_news {
    color: black;
}

.top_news:hover {
    color: orange;
}

/** MISC **/
#nav_bar .home_button {
    background: white url('/images/home_p.png') no-repeat;
    width: 32px;
    height: 35px;
    border-right: 1px solid silver;
}

#nav_bar .home_button:hover {
    background: white url('/images/home_p.png') no-repeat;
    background-position: 0px -36px;
    width: 32px;
    height: 35px;
}

.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}